{% extends "tj3/tj3.html" %}
{% block navigation %}
	<script type="text/javascript">
		$('document').ready(function(){
			$( "#tabs" ).tabs();
		});
	</script>
{% endblock navigation %}

{% block content  %} 

<div class="ui-widget ui-widget-content">
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Task Reports</a>
			</li>
			<li><a href="#tabs-2">Resource Reports</a></li>
		</ul>

		<div id="tabs-1">
			<a href="{% url taskreport_create project.id %}">Click here to create a new task report.</a>
			{% for t in taskreports %}
				<h2 class="ui-state-highlight ui-corner-all">{{t.name}}
					<a class="float_right ui-icon ui-icon-trash" href="{% url taskreport_delete t.id %}" title="Delete the report"></a>
					<a class="float_right ui-icon ui-icon-wrench" href="{% url taskreport_edit t.id %}" title="Edit the report"></a>
					<a class="float_right ui-icon ui-icon-document" href="{% url taskreport_copy t.id %}" title="Clone the report"></a>
				</h2>
				<table>		
					<tr><td>Scenario:<td>{{t.scenario.name}}
					<tr><td>Comparing To:<td>{% for a in t.compare_to.all %}{{a}}<br>{% endfor %}
					<tr><td>Time:<td>{{t.start}} &mdash; {{t.end}}
					<tr><td>Filter by Completion Status:<td>{{t.completion}}
					<tr><td>Filter by User Tags:<td>{{t.tags}}
					<tr><td>Output Format:<td>{{t.format}}
					<tr><td>Columns:<td>{{t.cols}}
				</table>
			{% endfor %}
		</div>
		
		<div id="tabs-2">
			<a href="{% url resourcereport_create project.id %}">Click to create a new resource report.</a>
			{% for t in resourcereports %}
				<h2 class="ui-state-highlight ui-corner-all">{{t.name}}
					<a class="float_right ui-icon ui-icon-trash" href="{% url resourcereport_delete t.id %}" title="Delete the report"></a>
					<a class="float_right ui-icon ui-icon-wrench" href="{% url resourcereport_edit t.id %}" title="Edit the report"></a>
					<a class="float_right ui-icon ui-icon-document" href="{% url resourcereport_copy t.id %}" title="Clone the report"></a>
				</h2>
				<table>
					<tr><td>Scenario:<td>{{t.scenario.name}}
					<tr><td>Comparing To:<td>{% for a in t.compare_to.all %}{{a}}<br>{% endfor %}
					<tr><td>Time:<td>{{t.start}} &mdash; {{t.end}}
					<tr><td>Resolution:<td>{{t.resolution}}
					<tr><td>Filter by User Tags:<td>{{t.tags}}
					<tr><td>Output Format:<td>{{t.format}}
					<tr><td>Columns:<td>{{t.cols}}
				</table>
			{% endfor %}
		</div>
	</div>
</div>
<br />

<div>	
	<h1 class="ui-state-highlight ui-corner-all">Go To</h1>
	<ul>
		<li><a href="{% url project_main_plan project.id %}">Project Planning</a>
	</ul>
</div>
{% endblock content %}
